@keyframes refresh-loading {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.pull-down-content{
  position: relative;
  height: 100%;
  .pull-down-tip{
    position: absolute;
    padding: 4px 0;
    top: -20px;
    left: 0;
    right: 0;
    margin: auto;
    display: none;
    text-align: center;
    font-size: 16px;
    &::after {
      position: absolute;
      left: 0;
      width: 100%;
      height: 1px;
      transform: scaleY(0.1);
      background: #999;
      display: inline-block;
      content: ' ';
      bottom: 0;
    }
    .icon {
      width: 20px;
      height: 20px;
      animation: refresh-loading 3s ease-out infinite;
      margin-right: 8px;
    }
    &.pull-down-status-none {
      display: none;
    }
    &.pull-down-status-pulling {
      display: flex;
      align-items: center;
      justify-content: center;
    }
    &.pull-down-status-loading {
      display: flex;
      align-items: center;
      justify-content: center;
    }
  }
}
